<!DOCTYPE html>
<html>
	<head>
		<!-- Update title -->
		<title>Guide Title</title>

		<!-- keywords used for searching -->
		<meta name="keywords" content="guide">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- reference to Cinder classes -->
   		<!-- <ci seealso dox="[CLASS NAME GOES HERE]" label="[NAME OF LINK]"></ci> -->

   		<!-- master stylesheet - these links will be replaced when compiled -->
		<link rel="stylesheet" href="../../_assets/css/foundation.css">
		<link rel="stylesheet" href="../../_assets/css/prism.css">
		<link rel="stylesheet" href="../../_assets/css/style.css">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

		<!-- Place additional stylsheet links here, which will be copied over when compiled (optional) -->
		
	</head>

	<body id="guide-contents" class="language-c++">

		<!-- CONTENT STARTS HERE -->
		<h1>Cinder template</h1>
		This is <ci>Some class</ci>.

<pre><code>
gl::clear( Color( 0, 0, 0 ) );
gl::setMatricesWindowPersp( getWindowSize() );
gl::enableDepthRead();
gl::enableDepthWrite();

gl::ScopedGlslProg render( mRenderProg );
gl::ScopedVao vao( mAttributes[mSourceIndex] );
gl::context()->setDefaultShaderVars();
gl::drawArrays( GL_POINTS, 0, NUM_PARTICLES );
</code></pre>
		
		<section>
		<a name="anchor"></a>
		<h2>Sub Section</h2>
		</section>
		
		<!-- END CONTENT -->

		<!-- Scripts -->
		<script src="../../_assets/js/prism.js" type="text/javascript"></script>
		<!-- Place additional scripts here (optional) -->
		<!-- <script type="text/javascript"></script> -->

	</body>
</html> 